<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>个人资料</title>
		<style>
			#total{
				width: 300px;
				height: 500px;
				border: 1px solid gray;
				margin: 0px auto;
			}
			#header{
				width: 300px;
				height: 30px;
				background-color: gainsboro;
			}
			#hearder span{
				display: block;
				line-height: 30px;
				font-family: "微软雅黑";
			}
			#main{
				width: 250px;
				height: 200px;
				border: 1px solid gainsboro;
				margin: 10px 20px;
				
			}
			#main img{
				width: 240px;
				height: 190px;
				border: 5px solid cadetblue;
				border-radius: 30px;
			}
			#main_top{
				width: 80px;
				height: 25px;
				font-size: 25px;
				/*border: 1px solid black;*/
				margin: 20px auto;
				background-image: url(img/对号.png);
				background-repeat: no-repeat;
				background-position-x: 65px;
				background-position-y: 10px;
			
			}
			#main_footer  {
				background-color: gainsboro;
				background-image: url(img/微博.png);
				background-repeat: no-repeat;
				width: 80px;
				height: 30px;
				margin:auto;
				box-shadow: 2px 2px gray;
			}
			#mian_footer span{
				text-align: center;
				padding-left:30px ;
			}
			#bottom{
				position:absolute;
				width: 300px;
				height: 138px;
				border: 1px solid darkgray;
				margin-top: 110px;
			}
			#bottom p{
				text-align: center;
				line-height: 10px;
			}
			#bottom span{
				font-size: 40px;
			}
			#bottom input{
				width: 80px;
				height: 90px;
			}
		</style>
	</head>
	<body>
		<div id="total">
			<div id="header"><span>个人资料</span></div>
			<div id="main">
				<img src="img/picture.jpg">
				<div id="main_top">
					<span>v闪闪</span>
				</div>
				<div id="main_footer">
					<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;微博</span>
				</div>
			</div>
			<div id="bottom">
				<p>
					<span><input type="button" value="加好友"></span>
					<span><input type="button" value="发纸条"></span>
				</p>
				<p>
					<span><input type="button" value="写留言"></span>
					<span><input type="button" value="加关注"></span>
				</p>
			</div>
		</div>
	</body>
</html>
